<ion-header>
  <ion-navbar color="jjna-color">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title text-center>My Account
    </ion-title>
    <ion-buttons end>
      <button ion-button (click)="edit()">
        <ion-icon name="ios-create"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-list *ngIf="userInfo">
    <ion-item>
      <ion-label stacked>
        ID
      </ion-label>
      <ion-input type="text" readonly value=" {{userInfo. Employee_ID}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Name
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Employee_Name}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Group
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Employee_Group}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Employee Email
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Employee_Email}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        First Name
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo. Employee_First_Name}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Middle Name
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Employee_Middle_Name}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Last Name
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Employee_Last_Name}}"></ion-input>
    </ion-item>

  </ion-list>

</ion-content>

